body {
    min-width: 1190px;
}
.main {
    width: 1190px;
    margin: 0 auto;
}

.H-Logo {
    display: block;
    width: 250px;
    height: 33px;
    margin: 28px 0;
    cursor: pointer;
    background: url("../image/search_logo.png") no-repeat;
}
section {
    width: 100%;
    height: 610px;
    background-color: pink;
    background: url(../image/bg-login.jpg) no-repeat 50% 100%;

    .log {
        height: 380px;
        width: 300px;
        background-color: #fff;
        top: 100px;
        right: 20px;
        padding: 0 30px 0;
    }
    h1 {
        height: 20px;
        line-height: 20px;
        margin: 26px 0 32px;
    }
    input {
        height: 30px;
        width: 298px;
        border: 1px solid #ccc;
        margin: 12px 0;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .forget {
        color: #9d9d9d;
        display: block;
        font-size: 12px;
        margin-bottom: 12px;
        &:hover {
            color: #f00;
        }
    }
    .btn1 {
        width: 300px;
        height: 40px;
        line-height: 40px;
        background-color: #999;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        font-size: 14px;
    }
    .readAndChange {
        width: 300px;
        height: 30px;
        line-height: 30px;
        color: #9d9d9d;
        .userArgeeCheck {
            float: left;
            width: 12px;
            height: 19px;
            margin: 7px 2px 0 0;
        }
        span {
            font-size: 12px;
        }
        a {
            margin: 0 -7px;
            color: #000;
            font-size: 12px;
            cursor: pointer;
           
        }
    }
    .s-footer {
        margin-top: 13px;
        .img-list {
            float: left;
            height: 24px;
            width: 120px;
            li {
                height: 24px;
                width: 24px;
                margin: 0 6px;
                float: left;
                background: url("../image/LoginIn-icon.png");
            }
            li.wx{
                background-position: -56px 0;
                &:hover{background-position: -80px 0;}
            }
            li.qq{
                background-position: -56px -24px;
                &:hover{background-position: -80px -24px;}
            }
            li.wb{
                background-position: -56px -48px;
                &:hover{background-position: -80px -48px;}
            }
        }
        .r-txt {
            color: #9d9d9d;
            height: 24px;
            line-height: 24px;
            width: 120px;
            float: right;
            a {
                color: #f00;
            }
        }
    }
}

footer {
    width: 100%;
    height: 102px;
    background-color: #000;
    .f-conten {
        width: 1190px;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
        .f-list {
            font-size: 12px;
            padding: 0 22px;
            color: #6f6f6f;
            display: inline-block;
            height: 42px;
            vertical-align: middle;
            .records {
                background: url(https://ssl1.sephorastatic.cn/soa/pc/images/footer-redords-icon.png) no-repeat;
                padding-left: 30px;
            }
            li {
                height: 21px;
                line-height: 21px;
                a {
                    font-size: 14px;
                    color: #6f6f6f;
                    margin: 0 22px;
                }
                a.text {
                    margin: 0px;
                    font-size: 12px;
                }
            }
        }
    }
}